html,
body,
div,
span,
object,
iframe,
h1,
h2,
h3,
h4,
h5,
h6,
p,
a,
img,
dl,
dt,
dd,
ol,
ul,
li,
form,
table {
    margin: 0;
    padding: 0;
    border: 0;
    list-style: none;
}

body {
    color: white;
    overflow: hidden;
    font-size: 14px;
    font-family: "Microsoft YaHei", "微软雅黑", "Arial";
}

div {
    box-sizing: border-box;
}
/*互联网资源采集*/

.int-main-container {
    position: relative;
    width: 1920px;
    height: 1080px;
    background: url("../images/bg.jpg") no-repeat center top;
    background-size: cover;
    overflow: hidden;
}

.int-main-top {
    /*height: 126px;*/
    height: 78px;
    margin:20px;
    /*background: url(../images/topbg.png) no-repeat;*/
    /*background-size: 100% 100%;*/

}
/*.int-top-lf h1{
    margin:10px;
    background: url(../images/topbg.png) no-repeat center center;
    height:50px;
}*/
.int-top-lf {
    padding-left: 60px;
    width: 679px;
    /*height: 126px;*/
    /*background: url("../images/sr-bac03.png") no-repeat;*/
    float: left;
}

.int-top-rt {
    width: 554px;
    height: 46px;
    /*background: url("../images/sr-bac04.png") no-repeat;*/
}

.int-top-lf h1 {
    font-size: 36px;
    color: #fff;
    /*line-height: 104px;*/
    line-height: 78px;
}
.int-top-rt{
    float: right;
}

.int-fl-num {
    position: absolute;
    top: 150px;
    left: 58px;
    width: 470px;
    /*height: 384px;*/
    height:471px;
    background: url("../images/sr-bac055.png") no-repeat;
    text-align: center;
    background-size: 100% 100%;
}

.int-fl-num .int-fl-title {
    position: relative;
    text-align: center;
    width: 100%;
    height: 55px;
    line-height: 55px;
    margin-top: 50px;
    font-size: 34px;
    color: #fff;
    font-weight: bold;
}


/*.int-fl-num h3 {
    position: relative;
    left: 50%;
    top: 63px;
    margin-left: -79px;
    width: 159px;
    font-size: 20px;
    color: #fff;
    line-height: 54px;
    text-align: center;
}*/

.int-fl-num .int-fl-deal ,.int-data-trend .int-fl-deal{
    position: relative;
    width: 100%;
}

.int-fl-num .int-fl-deal .int-fl-icon  {
    height: 100px;
    margin-top: 60px;
}
.int-data-trend .int-fl-deal .int-fl-icon{
    margin-top: 80px;
    height:78px;
}
.int-fl-num .int-fl-deal .int-fl-icon .icon-bg{
    position: absolute;
    left: 47%;
    margin-left: -40px;
    width:105px;
    height:105px;
}
.int-data-trend .int-fl-deal .int-fl-icon .icon-bg{
    position: absolute;
    left: 40%;
    width:105px;
    height:105px;
    top:-23px;
}
.int-fl-num .int-fl-deal .int-fl-item,.int-data-trend .int-fl-deal .int-fl-item{
    position: relative;
    font-size: 32px;
    color: #fff;
    height: 38px;
    line-height: 38px;
    text-align: center;
    top:25px;
}
.int-data-trend .int-fl-deal .int-fl-item,.int-data-trend .int-fl-deal .int-fl-count{
    left:20px;
    top:50px;
    /*left:-30px;*/
    font-size: 28px;
}
.int-fl-num .int-fl-deal .int-fl-icon .icon  {
    margin-top: 15px;
    position: absolute;
    left: 48%;
    top:5px;
    margin-left: -26px;
    display: none;
    width: 70px;
    /*height:60px;*/
}
.int-data-trend .int-fl-deal .int-fl-icon .icon{
    margin-top: -6px;
    position: absolute;
    left: 40%;
    top:5px;
    margin-left: 16px;
    display: none;
    width:70px;
    /*height:60px;*/
}
.int-fl-num .int-fl-deal .int-fl-count,.int-data-trend .int-fl-deal .int-fl-count {
    position: relative;
    text-align: center;
    color: #ffde00;
    font-size: 28px;
    font-weight: 600;
    top:25px;
}
#delCount,#addCount,.int-fl-add .danwei,.int-fl-delete .danwei{
    position: relative;
    text-align: center;
    color: #ffde00;
    font-size: 24px;
    font-weight: 600;
    top:30px;
    /*left:-30px;*/
}
#delCount{
    left:10px;
}
.int-fl-add .danwei{
    left:-25px;
}
.int-fl-delete .danwei{
 left:10px;
}
/*{
    position: relative;
    text-align: center;
    color: #ffde00;
    font-size: 24px;
    font-weight: 600;
    top:30px;
    
}*/
#addCount{
    left:-30px;
}
.int-fl-add{
    position:relative;
    float:left;
    top:-120px;
    left:70px;
}
.int-fl-delete{
    float: right;
    position: relative;
    top:-120px;
    right:40px;
}
.int-fl-num .int-fl-deal .int-fl-count .fl-unit ,.int-data-trend .int-fl-deal .int-fl-count .fl-unit{
    font-size: 28px;
    margin-right: 8px;
}

.int-all-num {
    position: absolute;
    top: 95px;
    left: 50%;
    margin-left: -330px;
    width: 770px;
    height: 770px;
    background: url("../images/sr-bac09.png") no-repeat;
    background-size: 100% 100%;
}

.int-all-num h3 {
    position: absolute;
    left: 264px;
    top: 264px;
    font-size: 40px;
    color: #fff;
    line-height: 43px;
}

.int-num {
    position: absolute;
    width: 105%;
    top: 56%;
    font-weight: 600;
    text-align: center;
}

.int-all-num .total-unit {
    line-height: 60px;
    font-size: 24px;
    color: #53afff;
}
.int-num span {
    font-size: 60px;
    color: #ffde00;
    line-height: 60px;
}
.int-num label {
    line-height: 60px;
    font-size: 24px;
    color: #53afff;
    margin-right: 60px;
}

.int-num-deal {
    float: left;
    line-height: 60px;
    font-size: 24px;
    color: #53afff;
    margin-right: 64px;
    font-weight: 600;
}

.int-num-deal span {
    font-size: 60px;
    color: #ffde00;
    margin-right: 13px;
}

.no-mr {
    margin-right: 0!important;
}

.int-td-num {
    position: absolute;
    bottom: -220px;
    left: 30px;
    width: 640px;
    height: 641px;
    background: url("../images/sr-bac077.png") no-repeat ;
    background-size:100% 100%;
}

.int-td-num h3 {
    margin-left: 103px;
    width:445px;
    text-align: center;
    font-size: 34px;
}

.int-td-num .int-td-num-title {
    position: relative;
    width: 100%;
    height: 30px;
    line-height: 30px;
    font-size: 24px;
    color: #fff;
    margin-top: 64px;
}

.td-num-chart {
    position: relative;
    width: 90%;
    height: 360px;
}

.int-data-trend {
    position: absolute;
    bottom: 40px;
    right:40px;
    width: 470px;
    height: 471px;
    text-align: center;
    font-size: 28px;
    background: url("../images/sr-bac055.png") no-repeat;
    background-size: 100% 100%;
}

.int-data-trend .int-data-trend-title {
    position: relative;
    width: 100%;
    font-size: 18px;
    color: #fff;
    margin-top: 44px;
    text-align: center;
}

.int-data-trend .int-data-trend-title h3 {
    position: relative;
    line-height: 44px;
    width: 200px;
    /*width:128px;*/
    margin-left: 135px;
    /*margin-left: 258px;*/
    font-size: 34px;
}

.int-data-trend .int-data-trend-title h3 p {
    color: #6acce4;
    line-height: 14px;
    font-size: 14px;
    font-weight: normal;
}


/*.int-data-trend h3 {
    position: absolute;
    left: 184px;
    top: 44px;
    font-size: 20px;
    color: #fff;
    line-height: 44px;
    width: 262px;
    text-align: center;
}

.int-data-trend h3 p {
    color: #6acce4;
    line-height: 14px;
    font-size: 14px;
    font-weight: normal;
}*/

.data-trend-chart {
    position: relative;
    width: 90%;
    height: 360px;
    margin-left: 10%;
}

.int-td-pro {
    position: absolute;
    right: 0;
    top: 106px;
    width: 444px;
    transition:all 2s;
    opacity: 0;
}

.td-pro-bac {
    position: relative;
    width: 405px;
    height: 405px;
    background: url("../images/sr-bac066.png") no-repeat;
    background-size: 100% 100%;
}


/*.td-mg-chart {
    position: absolute;
    left: 63px;
    top: 52px;
    width: 279px;
    height: 279px;
}*/


/*.td-num-tit {
    position: absolute;
    left: 78px;
    top: 68px;
    padding: 82px 56px 0;
    width: 135px;
    height: 165px;
    background: url("../images/sr-bac10.png") no-repeat;
}*/

.int-td-pro .td-pie-bg {
    width: 247px;
    height: 247px;
    position: absolute;
    top: 50%;
    margin-top: -123px;
    left: 50%;
    margin-left: -123px;
}

.int-td-pro .pie-wrapper {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
}

.int-td-pro .pie-wrapper .title {
    position: absolute;
    top: 50%;
    width: 100%;
    text-align: center;
    z-index: 0;
    font-size: 34px;
    margin-top: -36px;
    font-weight: 600;
}

.int-td-legend {
    /*position: absolute;*/
    /*margin: 10px auto 0 auto;*/
    /*!*width: 540px;*!*/
    /*!*height: 110px;*!*/
    /*width:520px;*/
    /*height:185px;*/
    /*bottom:20px;*/
    /*left:50%;*/
    /*margin-left:-180px;*/
    /*!*background: url(../images/led.png) no-repeat;*!*/
    /*background-size:100% 100%;*/
    position: absolute;
    margin: 10px auto 0 auto;
    width: 540px;
    height: 110px;
    bottom:25px;
    left:50%;
    margin-left:-190px;
}
.item-part span{
    display: inline-block;
    width:20px;
    position:relative;
    top:-60px;
    line-height: 26px;
}
.int-td-legend .td-legend-item {
    position: relative;
    float: left;
    width: 60px;
    height: 110px;
}
.int-data-trend .fl-unit {
    margin-top: 20px;
    position: relative;
    top:30px;
    left:15px;
}
.int-fl-add span.fl-unit{
    left:-35px;
}
.int-fl-count span.fl-unit{
    left:0;
}
/*.int-fl-add span.fl-unit{
    margin-top: 20px;
    position: relative;
    top:30px;
    left:0px;
}*/
#addCount span.fl-unit{
    margin-top: 20px;
    position: relative;
    top:0;
    left:0;
}
.int-data-trend .flCount{
    margin-top: 20px;
    position: relative;
    top:30px;
    left:-30px;
}
.int-data-trend #flCount2{
    margin-top: 20px;
    position: relative;
    top:30px;
}
.int-td-legend .td-legend-item .item-part {
    width: 100%;
    height: 33%;
    text-align: center;
    font-size: 21px;
    font-weight: normal;
}

.int-td-num .bar-bg {
    position: absolute;
    z-index: -1;
    top: 144px;
    left: 159px;
    width: 387px;
    height: 231px;
    display: block;
}

.int-td-num .bar-bg .br-bg-item {
    position: relative;
    float: left;
    width:43px;
    height: 100%;
    text-align: center;
}

.int-td-num .bar-bg .br-bg-item img {
    height: 231px;
    width: 25px;
    opacity: 0.1;
}
/*
.int-td-pro{
    display: none;
}*/